@import '~antd/lib/style/themes/default.less';

.header {
  background: white;
  padding-right: 20px;
  box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
  position: relative;

  a:focus {
    text-decoration: none;
  }

  .headerBrand {
    font-size: 20px;
  }

  .headerRight {
    float: right;
    display: inline-block;

    .action {
      cursor: pointer;
      padding: 0 12px;
      display: inline-block;
      transition: all .3s;
      height: 100%;

      > i {
        font-size: 16px;
        vertical-align: middle;
      }

      &:global(.ant-popover-open),
      &:hover {
        background: @primary-1;
      }
    }

    .account {
      .avatar {
        margin: 20px 8px 20px 0;
        color: @primary-color;
        background: rgba(255, 255, 255, .85);
        vertical-align: middle;
      }
    }
  }
}

.menu {
  :global(.ant-dropdown-menu-item) {
    width: 160px;
    :global(.anticon) {
      margin-right: 8px;
    }
  }
}
